
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <link rel="stylesheet" href="iconfont.css">
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon fafont icon-dayin"></i>
                    <div class="name">打印</div>
                    <div class="fontclass">.icon-dayin</div>
                </li>
            
                <li>
                <i class="icon fafont icon-diannao"></i>
                    <div class="name">电脑</div>
                    <div class="fontclass">.icon-diannao</div>
                </li>
            
                <li>
                <i class="icon fafont icon-shezhi"></i>
                    <div class="name">设置</div>
                    <div class="fontclass">.icon-shezhi</div>
                </li>
            
                <li>
                <i class="icon fafont icon-wheelchair"></i>
                    <div class="name">轮椅;</div>
                    <div class="fontclass">.icon-wheelchair</div>
                </li>
            
                <li>
                <i class="icon fafont icon-wuneiwifi"></i>
                    <div class="name">wuneiwifi</div>
                    <div class="fontclass">.icon-wuneiwifi</div>
                </li>
            
                <li>
                <i class="icon fafont icon-jianshen"></i>
                    <div class="name">健身</div>
                    <div class="fontclass">.icon-jianshen</div>
                </li>
            
                <li>
                <i class="icon fafont icon-xinyongqia1"></i>
                    <div class="name">信用卡1</div>
                    <div class="fontclass">.icon-xinyongqia1</div>
                </li>
            
                <li>
                <i class="icon fafont icon-yiliao"></i>
                    <div class="name">医疗</div>
                    <div class="fontclass">.icon-yiliao</div>
                </li>
            
                <li>
                <i class="icon fafont icon-chuanglian"></i>
                    <div class="name">i-窗帘</div>
                    <div class="fontclass">.icon-chuanglian</div>
                </li>
            
                <li>
                <i class="icon fafont icon-shuimianxiaolv"></i>
                    <div class="name">i-睡眠效率</div>
                    <div class="fontclass">.icon-shuimianxiaolv</div>
                </li>
            
                <li>
                <i class="icon fafont icon-xiaolian"></i>
                    <div class="name">笑脸</div>
                    <div class="fontclass">.icon-xiaolian</div>
                </li>
            
                <li>
                <i class="icon fafont icon-huiyishi"></i>
                    <div class="name">会议室</div>
                    <div class="fontclass">.icon-huiyishi</div>
                </li>
            
                <li>
                <i class="icon fafont icon-bangong"></i>
                    <div class="name">办公</div>
                    <div class="fontclass">.icon-bangong</div>
                </li>
            
                <li>
                <i class="icon fafont icon-shoufeitingchechang"></i>
                    <div class="name">收费停车场</div>
                    <div class="fontclass">.icon-shoufeitingchechang</div>
                </li>
            
                <li>
                <i class="icon fafont icon-yangtai"></i>
                    <div class="name">阳台</div>
                    <div class="fontclass">.icon-yangtai</div>
                </li>
            
                <li>
                <i class="icon fafont icon-xiyifuwu"></i>
                    <div class="name">洗衣服务</div>
                    <div class="fontclass">.icon-xiyifuwu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-changtuqiche"></i>
                    <div class="name">长途汽车</div>
                    <div class="fontclass">.icon-changtuqiche</div>
                </li>
            
                <li>
                <i class="icon fafont icon-hangli"></i>
                    <div class="name">行李</div>
                    <div class="fontclass">.icon-hangli</div>
                </li>
            
                <li>
                <i class="icon fafont icon-icon_wuyanfang"></i>
                    <div class="name">icon_无烟房</div>
                    <div class="fontclass">.icon-icon_wuyanfang</div>
                </li>
            
                <li>
                <i class="icon fafont icon-dangao"></i>
                    <div class="name">蛋糕</div>
                    <div class="fontclass">.icon-dangao</div>
                </li>
            
                <li>
                <i class="icon fafont icon-yingerche"></i>
                    <div class="name">婴儿车</div>
                    <div class="fontclass">.icon-yingerche</div>
                </li>
            
                <li>
                <i class="icon fafont icon-reshui"></i>
                    <div class="name">热水</div>
                    <div class="fontclass">.icon-reshui</div>
                </li>
            
                <li>
                <i class="icon fafont icon-xiaodu"></i>
                    <div class="name">消毒</div>
                    <div class="fontclass">.icon-xiaodu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-tingchechang"></i>
                    <div class="name">停车场</div>
                    <div class="fontclass">.icon-tingchechang</div>
                </li>
            
                <li>
                <i class="icon fafont icon-shangwu"></i>
                    <div class="name">商务</div>
                    <div class="fontclass">.icon-shangwu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-shafa"></i>
                    <div class="name">沙发</div>
                    <div class="fontclass">.icon-shafa</div>
                </li>
            
                <li>
                <i class="icon fafont icon-weibolu"></i>
                    <div class="name">微波炉</div>
                    <div class="fontclass">.icon-weibolu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-mobilepower"></i>
                    <div class="name">mobile power 充电宝</div>
                    <div class="fontclass">.icon-mobilepower</div>
                </li>
            
                <li>
                <i class="icon fafont icon-chufang"></i>
                    <div class="name">厨房</div>
                    <div class="fontclass">.icon-chufang</div>
                </li>
            
                <li>
                <i class="icon fafont icon-menpiao"></i>
                    <div class="name">门票</div>
                    <div class="fontclass">.icon-menpiao</div>
                </li>
            
                <li>
                <i class="icon fafont icon-reshui1"></i>
                    <div class="name">热水</div>
                    <div class="fontclass">.icon-reshui1</div>
                </li>
            
                <li>
                <i class="icon fafont icon-qiantai"></i>
                    <div class="name">前台</div>
                    <div class="fontclass">.icon-qiantai</div>
                </li>
            
                <li>
                <i class="icon fafont icon-dianhua1"></i>
                    <div class="name">电话</div>
                    <div class="fontclass">.icon-dianhua1</div>
                </li>
            
                <li>
                <i class="icon fafont icon-youyongchi"></i>
                    <div class="name">游泳池</div>
                    <div class="fontclass">.icon-youyongchi</div>
                </li>
            
                <li>
                <i class="icon fafont icon-fuwubang"></i>
                    <div class="name">服务帮</div>
                    <div class="fontclass">.icon-fuwubang</div>
                </li>
            
                <li>
                <i class="icon fafont icon-icon-"></i>
                    <div class="name">汽车</div>
                    <div class="fontclass">.icon-icon-</div>
                </li>
            
                <li>
                <i class="icon fafont icon-icon_lift"></i>
                    <div class="name">电梯</div>
                    <div class="fontclass">.icon-icon_lift</div>
                </li>
            
                <li>
                <i class="icon fafont icon-icon--"></i>
                    <div class="name">音响</div>
                    <div class="fontclass">.icon-icon--</div>
                </li>
            
                <li>
                <i class="icon fafont icon-zhongcan"></i>
                    <div class="name">中餐</div>
                    <div class="fontclass">.icon-zhongcan</div>
                </li>
            
                <li>
                <i class="icon fafont icon-kuandaigaihao"></i>
                    <div class="name">宽带改号</div>
                    <div class="fontclass">.icon-kuandaigaihao</div>
                </li>
            
                <li>
                <i class="icon fafont icon-weixing"></i>
                    <div class="name">卫星</div>
                    <div class="fontclass">.icon-weixing</div>
                </li>
            
                <li>
                <i class="icon fafont icon-suvqiche"></i>
                    <div class="name">suv汽车</div>
                    <div class="fontclass">.icon-suvqiche</div>
                </li>
            
                <li>
                <i class="icon fafont icon-chazuo"></i>
                    <div class="name">插座</div>
                    <div class="fontclass">.icon-chazuo</div>
                </li>
            
                <li>
                <i class="icon fafont icon-reshuiqi1"></i>
                    <div class="name">热水器</div>
                    <div class="fontclass">.icon-reshuiqi1</div>
                </li>
            
                <li>
                <i class="icon fafont icon-zihangche"></i>
                    <div class="name">自行车</div>
                    <div class="fontclass">.icon-zihangche</div>
                </li>
            
                <li>
                <i class="icon fafont icon-wifilianjiemoren-"></i>
                    <div class="name">wifi连接（默认）-01</div>
                    <div class="fontclass">.icon-wifilianjiemoren-</div>
                </li>
            
                <li>
                <i class="icon fafont icon-clock"></i>
                    <div class="name">闹钟</div>
                    <div class="fontclass">.icon-clock</div>
                </li>
            
                <li>
                <i class="icon fafont icon-gongjiao"></i>
                    <div class="name">公交</div>
                    <div class="fontclass">.icon-gongjiao</div>
                </li>
            
                <li>
                <i class="icon fafont icon-chuang"></i>
                    <div class="name">床</div>
                    <div class="fontclass">.icon-chuang</div>
                </li>
            
                <li>
                <i class="icon fafont icon-chuifengji1"></i>
                    <div class="name">吹风机</div>
                    <div class="fontclass">.icon-chuifengji1</div>
                </li>
            
                <li>
                <i class="icon fafont icon-canju"></i>
                    <div class="name">餐具</div>
                    <div class="fontclass">.icon-canju</div>
                </li>
            
                <li>
                <i class="icon fafont icon-chengzhong"></i>
                    <div class="name">称重</div>
                    <div class="fontclass">.icon-chengzhong</div>
                </li>
            
                <li>
                <i class="icon fafont icon-tuoxie1"></i>
                    <div class="name">拖鞋</div>
                    <div class="fontclass">.icon-tuoxie1</div>
                </li>
            
                <li>
                <i class="icon fafont icon-xishuyongpin"></i>
                    <div class="name">洗漱用品</div>
                    <div class="fontclass">.icon-xishuyongpin</div>
                </li>
            
                <li>
                <i class="icon fafont icon-kafeiji"></i>
                    <div class="name">咖啡机</div>
                    <div class="fontclass">.icon-kafeiji</div>
                </li>
            
                <li>
                <i class="icon fafont icon-xiyifen"></i>
                    <div class="name">洗衣粉</div>
                    <div class="fontclass">.icon-xiyifen</div>
                </li>
            
                <li>
                <i class="icon fafont icon-huafangtubiaozhizuomobandinggao-"></i>
                    <div class="name">鲜花单品</div>
                    <div class="fontclass">.icon-huafangtubiaozhizuomobandinggao-</div>
                </li>
            
                <li>
                <i class="icon fafont icon-fuwu_o"></i>
                    <div class="name">服务_o</div>
                    <div class="fontclass">.icon-fuwu_o</div>
                </li>
            
                <li>
                <i class="icon fafont icon-reshuihu"></i>
                    <div class="name">热水壶</div>
                    <div class="fontclass">.icon-reshuihu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-wifi"></i>
                    <div class="name">wifi</div>
                    <div class="fontclass">.icon-wifi</div>
                </li>
            
                <li>
                <i class="icon fafont icon-bofang"></i>
                    <div class="name">播放</div>
                    <div class="fontclass">.icon-bofang</div>
                </li>
            
                <li>
                <i class="icon fafont icon-jiejifuwu"></i>
                    <div class="name">接机服务</div>
                    <div class="fontclass">.icon-jiejifuwu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-jiuba"></i>
                    <div class="name">酒吧</div>
                    <div class="fontclass">.icon-jiuba</div>
                </li>
            
                <li>
                <i class="icon fafont icon-guojichangtu"></i>
                    <div class="name">国际长途1</div>
                    <div class="fontclass">.icon-guojichangtu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-waibiduihuan"></i>
                    <div class="name">外币兑换</div>
                    <div class="fontclass">.icon-waibiduihuan</div>
                </li>
            
                <li>
                <i class="icon fafont icon-kafeiting"></i>
                    <div class="name">咖啡厅</div>
                    <div class="fontclass">.icon-kafeiting</div>
                </li>
            
                <li>
                <i class="icon fafont icon-youzhengfuwu"></i>
                    <div class="name">邮政服务</div>
                    <div class="fontclass">.icon-youzhengfuwu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-xishicanting"></i>
                    <div class="name">西式餐厅</div>
                    <div class="fontclass">.icon-xishicanting</div>
                </li>
            
                <li>
                <i class="icon fafont icon-zaocan"></i>
                    <div class="name">早餐</div>
                    <div class="fontclass">.icon-zaocan</div>
                </li>
            
                <li>
                <i class="icon fafont icon-zhuanzhihangliyuan"></i>
                    <div class="name">专职行李员</div>
                    <div class="fontclass">.icon-zhuanzhihangliyuan</div>
                </li>
            
                <li>
                <i class="icon fafont icon-sangnafang"></i>
                    <div class="name">桑拿房</div>
                    <div class="fontclass">.icon-sangnafang</div>
                </li>
            
                <li>
                <i class="icon fafont icon-mishufuwu"></i>
                    <div class="name">秘书服务</div>
                    <div class="fontclass">.icon-mishufuwu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-jiaochefuwu"></i>
                    <div class="name">叫车服务</div>
                    <div class="fontclass">.icon-jiaochefuwu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-yusanzujiefuwu"></i>
                    <div class="name">雨伞租借服务</div>
                    <div class="fontclass">.icon-yusanzujiefuwu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-caxiefuwu"></i>
                    <div class="name">擦鞋服务</div>
                    <div class="fontclass">.icon-caxiefuwu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-duozhongyuyanfuwurenyuan"></i>
                    <div class="name">多种语言服务人员</div>
                    <div class="fontclass">.icon-duozhongyuyanfuwurenyuan</div>
                </li>
            
                <li>
                <i class="icon fafont icon-fangjianxiaodu"></i>
                    <div class="name">房间消毒</div>
                    <div class="fontclass">.icon-fangjianxiaodu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-zujiebijiben"></i>
                    <div class="name">租借笔记本</div>
                    <div class="fontclass">.icon-zujiebijiben</div>
                </li>
            
                <li>
                <i class="icon fafont icon-guanjiafuwu"></i>
                    <div class="name">管家服务</div>
                    <div class="fontclass">.icon-guanjiafuwu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-yicixingxishuyongpin"></i>
                    <div class="name">一次性洗漱用品</div>
                    <div class="fontclass">.icon-yicixingxishuyongpin</div>
                </li>
            
                <li>
                <i class="icon fafont icon-tigongfapiao"></i>
                    <div class="name">提供发票</div>
                    <div class="fontclass">.icon-tigongfapiao</div>
                </li>
            
                <li>
                <i class="icon fafont icon-lvyoufuwu"></i>
                    <div class="name">旅游服务</div>
                    <div class="fontclass">.icon-lvyoufuwu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-shoufeijieji"></i>
                    <div class="name">收费接机</div>
                    <div class="fontclass">.icon-shoufeijieji</div>
                </li>
            
                <li>
                <i class="icon fafont icon-waisongxiyifuwu"></i>
                    <div class="name">外送洗衣服务</div>
                    <div class="fontclass">.icon-waisongxiyifuwu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-xinyongqiajiesuanfuwu"></i>
                    <div class="name">信用卡结算服务</div>
                    <div class="fontclass">.icon-xinyongqiajiesuanfuwu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-yicixingzhangdanjiesuanfuwu"></i>
                    <div class="name">一次性账单结算服务</div>
                    <div class="fontclass">.icon-yicixingzhangdanjiesuanfuwu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-bufenshijianduandatangjingli"></i>
                    <div class="name">部分时间段大堂经理</div>
                    <div class="fontclass">.icon-bufenshijianduandatangjingli</div>
                </li>
            
                <li>
                <i class="icon fafont icon-bufenshijianduanqiantaifuwu"></i>
                    <div class="name">部分时间段前台服务</div>
                    <div class="fontclass">.icon-bufenshijianduanqiantaifuwu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-chuansuojichangbanche"></i>
                    <div class="name">穿梭机场班车</div>
                    <div class="fontclass">.icon-chuansuojichangbanche</div>
                </li>
            
                <li>
                <i class="icon fafont icon-dulilinyujian"></i>
                    <div class="name">独立淋浴间</div>
                    <div class="fontclass">.icon-dulilinyujian</div>
                </li>
            
                <li>
                <i class="icon fafont icon-chuanzhenfuyin"></i>
                    <div class="name">传真、复印</div>
                    <div class="fontclass">.icon-chuanzhenfuyin</div>
                </li>
            
                <li>
                <i class="icon fafont icon-chahu"></i>
                    <div class="name">茶壶</div>
                    <div class="fontclass">.icon-chahu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-fanyifuwu"></i>
                    <div class="name">翻译服务</div>
                    <div class="fontclass">.icon-fanyifuwu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-duomeitiyanshixitong"></i>
                    <div class="name">多媒体演示系统</div>
                    <div class="fontclass">.icon-duomeitiyanshixitong</div>
                </li>
            
                <li>
                <i class="icon fafont icon-ganxifuwu"></i>
                    <div class="name">干洗服务</div>
                    <div class="fontclass">.icon-ganxifuwu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-gonggongquyubiludianshijiankongxitong"></i>
                    <div class="name">公共区域闭路电视监控系统</div>
                    <div class="fontclass">.icon-gonggongquyubiludianshijiankongxitong</div>
                </li>
            
                <li>
                <i class="icon fafont icon-guojichangtudianhua"></i>
                    <div class="name">国际长途电话</div>
                    <div class="fontclass">.icon-guojichangtudianhua</div>
                </li>
            
                <li>
                <i class="icon fafont icon-fangjianneigaosushangwang"></i>
                    <div class="name">房间内高速上网</div>
                    <div class="fontclass">.icon-fangjianneigaosushangwang</div>
                </li>
            
                <li>
                <i class="icon fafont icon-huaxueyongjujicun"></i>
                    <div class="name">滑雪用具寄存</div>
                    <div class="fontclass">.icon-huaxueyongjujicun</div>
                </li>
            
                <li>
                <i class="icon fafont icon-guoneichangtudianhua"></i>
                    <div class="name">国内长途电话</div>
                    <div class="fontclass">.icon-guoneichangtudianhua</div>
                </li>
            
                <li>
                <i class="icon fafont icon-huanyinglipin"></i>
                    <div class="name">欢迎礼品</div>
                    <div class="fontclass">.icon-huanyinglipin</div>
                </li>
            
                <li>
                <i class="icon fafont icon-kafeihu"></i>
                    <div class="name">咖啡壶</div>
                    <div class="fontclass">.icon-kafeihu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-kefangWIFIfugaimianfei"></i>
                    <div class="name">客房WIFI覆盖免费</div>
                    <div class="fontclass">.icon-kefangWIFIfugaimianfei</div>
                </li>
            
                <li>
                <i class="icon fafont icon-lvyoujiaotongtu"></i>
                    <div class="name">旅游交通图</div>
                    <div class="fontclass">.icon-lvyoujiaotongtu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-libinfuwu"></i>
                    <div class="name">礼宾服务</div>
                    <div class="fontclass">.icon-libinfuwu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-kemianfeixiedaichongwu"></i>
                    <div class="name">可免费携带宠物</div>
                    <div class="fontclass">.icon-kemianfeixiedaichongwu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-kongtiao"></i>
                    <div class="name">空调</div>
                    <div class="fontclass">.icon-kongtiao</div>
                </li>
            
                <li>
                <i class="icon fafont icon-lvyoupiaowufuwu"></i>
                    <div class="name">旅游票务服务</div>
                    <div class="fontclass">.icon-lvyoupiaowufuwu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-lvyoupiaowuzhuangui"></i>
                    <div class="name">旅游票务专柜</div>
                    <div class="fontclass">.icon-lvyoupiaowuzhuangui</div>
                </li>
            
                <li>
                <i class="icon fafont icon-mianfeibaozhi"></i>
                    <div class="name">免费报纸</div>
                    <div class="fontclass">.icon-mianfeibaozhi</div>
                </li>
            
                <li>
                <i class="icon fafont icon-mianfeipingzhuangshui"></i>
                    <div class="name">免费瓶装水</div>
                    <div class="fontclass">.icon-mianfeipingzhuangshui</div>
                </li>
            
                <li>
                <i class="icon fafont icon-shangwufuwu"></i>
                    <div class="name">商务服务</div>
                    <div class="fontclass">.icon-shangwufuwu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-shoufeidianying"></i>
                    <div class="name">收费电影</div>
                    <div class="fontclass">.icon-shoufeidianying</div>
                </li>
            
                <li>
                <i class="icon fafont icon-tuoxie"></i>
                    <div class="name">拖鞋</div>
                    <div class="fontclass">.icon-tuoxie</div>
                </li>
            
                <li>
                <i class="icon fafont icon-shoudongchuanglian"></i>
                    <div class="name">手动窗帘</div>
                    <div class="fontclass">.icon-shoudongchuanglian</div>
                </li>
            
                <li>
                <i class="icon fafont icon-suoyougonggongjisirenchangsuoyanjinxiyan"></i>
                    <div class="name">所有公共及私人场所严禁吸烟</div>
                    <div class="fontclass">.icon-suoyougonggongjisirenchangsuoyanjinxiyan</div>
                </li>
            
                <li>
                <i class="icon fafont icon-yarongbei"></i>
                    <div class="name">鸭绒被</div>
                    <div class="fontclass">.icon-yarongbei</div>
                </li>
            
                <li>
                <i class="icon fafont icon-xiedaichongwuxuewaishoufei"></i>
                    <div class="name">携带宠物需额外收费</div>
                    <div class="fontclass">.icon-xiedaichongwuxuewaishoufei</div>
                </li>
            
                <li>
                <i class="icon fafont icon-youxianpindao"></i>
                    <div class="name">有线频道</div>
                    <div class="fontclass">.icon-youxianpindao</div>
                </li>
            
                <li>
                <i class="icon fafont icon-zheguangchuanglian"></i>
                    <div class="name">遮光窗帘</div>
                    <div class="fontclass">.icon-zheguangchuanglian</div>
                </li>
            
                <li>
                <i class="icon fafont icon-yejingdianshiji"></i>
                    <div class="name">液晶电视机</div>
                    <div class="fontclass">.icon-yejingdianshiji</div>
                </li>
            
                <li>
                <i class="icon fafont icon-zhenxianbao"></i>
                    <div class="name">针线包</div>
                    <div class="fontclass">.icon-zhenxianbao</div>
                </li>
            
                <li>
                <i class="icon fafont icon-yuyinliuyan"></i>
                    <div class="name">语音留言</div>
                    <div class="fontclass">.icon-yuyinliuyan</div>
                </li>
            
                <li>
                <i class="icon fafont icon-zhuanzhimentong"></i>
                    <div class="name">专职门童</div>
                    <div class="fontclass">.icon-zhuanzhimentong</div>
                </li>
            
                <li>
                <i class="icon fafont icon-Vdianyachazuo"></i>
                    <div class="name">110V电压插座</div>
                    <div class="fontclass">.icon-Vdianyachazuo</div>
                </li>
            
                <li>
                <i class="icon fafont icon-majiang"></i>
                    <div class="name">麻将</div>
                    <div class="fontclass">.icon-majiang</div>
                </li>
            
                <li>
                <i class="icon fafont icon-bingxiang"></i>
                    <div class="name">冰箱</div>
                    <div class="fontclass">.icon-bingxiang</div>
                </li>
            
                <li>
                <i class="icon fafont icon-dulixiezitai"></i>
                    <div class="name">独立写字台</div>
                    <div class="fontclass">.icon-dulixiezitai</div>
                </li>
            
                <li>
                <i class="icon fafont icon-chuju"></i>
                    <div class="name">厨具</div>
                    <div class="fontclass">.icon-chuju</div>
                </li>
            
                <li>
                <i class="icon fafont icon-dianfanguo"></i>
                    <div class="name">电饭锅</div>
                    <div class="fontclass">.icon-dianfanguo</div>
                </li>
            
                <li>
                <i class="icon fafont icon-duozhongguigedianyuanchazuo"></i>
                    <div class="name">多种规格电源插座</div>
                    <div class="fontclass">.icon-duozhongguigedianyuanchazuo</div>
                </li>
            
                <li>
                <i class="icon fafont icon-dianziciqiamensuo"></i>
                    <div class="name">电子磁卡门锁</div>
                    <div class="fontclass">.icon-dianziciqiamensuo</div>
                </li>
            
                <li>
                <i class="icon fafont icon-jiezhanfuwu"></i>
                    <div class="name">接站服务</div>
                    <div class="fontclass">.icon-jiezhanfuwu</div>
                </li>
            
                <li>
                <i class="icon fafont icon-tiaoweipin"></i>
                    <div class="name">调味品</div>
                    <div class="fontclass">.icon-tiaoweipin</div>
                </li>
            
                <li>
                <i class="icon fafont icon-muyujian"></i>
                    <div class="name">沐浴间</div>
                    <div class="fontclass">.icon-muyujian</div>
                </li>
            
                <li>
                <i class="icon fafont icon-xiaobingxiang"></i>
                    <div class="name">小冰箱</div>
                    <div class="fontclass">.icon-xiaobingxiang</div>
                </li>
            
                <li>
                <i class="icon fafont icon-yugang"></i>
                    <div class="name">浴缸</div>
                    <div class="fontclass">.icon-yugang</div>
                </li>
            
                <li>
                <i class="icon fafont icon-yushifangdahuazhuangjing"></i>
                    <div class="name">浴室放大化妆镜</div>
                    <div class="fontclass">.icon-yushifangdahuazhuangjing</div>
                </li>
            
                <li>
                <i class="icon fafont icon-zhiyinshui"></i>
                    <div class="name">直饮水</div>
                    <div class="fontclass">.icon-zhiyinshui</div>
                </li>
            
                <li>
                <i class="icon fafont icon-yuyi"></i>
                    <div class="name">浴衣</div>
                    <div class="fontclass">.icon-yuyi</div>
                </li>
            
                <li>
                <i class="icon fafont icon-zuoyi"></i>
                    <div class="name">座椅</div>
                    <div class="fontclass">.icon-zuoyi</div>
                </li>
            
                <li>
                <i class="icon fafont icon-yushifangdahuazhuangjing1"></i>
                    <div class="name">浴室放大化妆镜</div>
                    <div class="fontclass">.icon-yushifangdahuazhuangjing1</div>
                </li>
            
                <li>
                <i class="icon fafont icon-zaoju"></i>
                    <div class="name">灶具</div>
                    <div class="fontclass">.icon-zaoju</div>
                </li>
            
                <li>
                <i class="icon fafont icon-baoxianxiang"></i>
                    <div class="name">保险箱</div>
                    <div class="fontclass">.icon-baoxianxiang</div>
                </li>
            
                <li>
                <i class="icon fafont icon-duogongnengchongdianqi"></i>
                    <div class="name">多功能充电器</div>
                    <div class="fontclass">.icon-duogongnengchongdianqi</div>
                </li>
            
                <li>
                <i class="icon fafont icon-weishengjian1"></i>
                    <div class="name">卫生间</div>
                    <div class="fontclass">.icon-weishengjian1</div>
                </li>
            
                <li>
                <i class="icon fafont icon-kuandai"></i>
                    <div class="name">宽带</div>
                    <div class="fontclass">.icon-kuandai</div>
                </li>
            
                <li>
                <i class="icon fafont icon-shoufeikuandai"></i>
                    <div class="name">收费宽带</div>
                    <div class="fontclass">.icon-shoufeikuandai</div>
                </li>
            
                <li>
                <i class="icon fafont icon-shoufeiWIFI"></i>
                    <div class="name">收费WIFI</div>
                    <div class="fontclass">.icon-shoufeiWIFI</div>
                </li>
            
                <li>
                <i class="icon fafont icon-yugang2"></i>
                    <div class="name">浴缸</div>
                    <div class="fontclass">.icon-yugang2</div>
                </li>
            
                <li>
                <i class="icon fafont icon-duozhongguigedianyuanchazuo1"></i>
                    <div class="name">多种规格电源插座</div>
                    <div class="fontclass">.icon-duozhongguigedianyuanchazuo1</div>
                </li>
            
                <li>
                <i class="icon fafont icon-zihangche1"></i>
                    <div class="name">自行车</div>
                    <div class="fontclass">.icon-zihangche1</div>
                </li>
            
                <li>
                <i class="icon fafont icon-yundouji"></i>
                    <div class="name">熨斗机</div>
                    <div class="fontclass">.icon-yundouji</div>
                </li>
            
                <li>
                <i class="icon fafont icon-xiaoshidatangjingli"></i>
                    <div class="name">24小时大堂经理</div>
                    <div class="fontclass">.icon-xiaoshidatangjingli</div>
                </li>
            
                <li>
                <i class="icon fafont icon-yugang1"></i>
                    <div class="name">浴缸</div>
                    <div class="fontclass">.icon-yugang1</div>
                </li>
            
        </ul>

        <h2 id="font-class-">font-class引用</h2>
        <hr>

        <p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
        <p>与unicode使用方式相比，具有如下特点：</p>
        <ul>
        <li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
        <li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
        <li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
        <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>


        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">fafont</span> <span class="hljs-selector-tag">icon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
        <blockquote>
        <p>"fafont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
        </blockquote>
    </div>
</body>
</html>
